<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/product_center.css" />
		<title></title>
	</head>
	<body>
		<!--header-->
		<div class="header">
			<div class="header_top">
				<div class="container">
					<ul class="nav nav-pills">
						<li><a href="login.html">登陆</a></li>
						<li><a href="Registration.html">免费注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--header end-->
		
		<!--content-->
		<div class="content">
			<div class="container">
				<div class="logo">
					<a href="index.html"><img src="img/logo_02.png" alt="logo_02" class="img-responsive" /></a>
				</div>
				<div class="sm_nav navbar-header">
			        <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
			        </button>
			    </div>
				<div class="nav_first collapse navbar-collapse" id="example-navbar-collapse">
					<div class="nav_logo"><a href="index.html"><img src="img/logo_02.png" alt="logo_02" class="img-responsive" /></a></div>
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="about_us.html">品牌介绍</a></li>
						<li><a href="news.html">新闻中心</a></li>
						<li><a class="default" href="product.html">产品中心</a></li>
						<li><a href="contact_us.html">联系我们</a></li>
						<li><a href="member_center.html">个人中心</a></li>
					</ul>
				</div>
				<div class="place">
					<p>当前位置</p>
					<img src="img/icon_place_02.png" alt="icon_place_02" />
					<p><a href="product.html">产品中心</a></p>
				</div>
				<div class="center_show">
					<div class="row">
						<div class="col-md-2 col-xs-12">
							<div class="subnav">
								<ul>
									<li class="default_style"><a href="###">女装</a></li>
									<li><a href="###">成衣</a></li>
									<li><a href="###">服饰</a></li>
									<li><a href="###">配饰</a></li>
									<li><a href="###">日韩风格</a></li>
								</ul>
							</div>
							<div class="xs_nav input-group">
								<span class="input-group-btn dropdown">
									<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">服装类型</button>
									<ul class="dropdown-menu" role="menu">
								         <li class="default_style"><a href="###">女装</a></li>
										<li><a href="###">成衣</a></li>
										<li><a href="###">服饰</a></li>
										<li><a href="###">配饰</a></li>
										<li><a href="###">日韩风格</a></li>
								    </ul>
								</span>
							</div>
						</div>
						<div class="col-md-10 col-sm-12 col-xs-12">
							<div class="product_show">
								<div class="show_top">
									<div class="show_img">
										<img src="img/product_pic_04.png" alt="product_pic_04" />
									</div>
									<div class="show_text">
										<h4>2016春夏新款女装韩版网纱七分袖短版外套欧根纱开衫钉珠防嗮女潮</h4>
										<div class="price">
											<p>价格 ¥ &nbsp;<strike>231</strike></p>
											<span>
												<i>1342</i><br />
												交易成功
											</span>
											<h2><i>¥</i>&nbsp;&nbsp;149</h2>
										</div>
										<p>
											<i>净含量</i>
											<span>50ML</span>
											<span>100ML</span>
										</p>
										<p>
											<i>颜色</i>
											<span>白色</span>
										</p>
										<p>
											<i>数量</i>
											<input type="text" value="1" />
										</p>
										<a class="shopping" href="shopping_cart.html">立即购买</a>
									</div>
								</div>
								<p class="title">自由搭配</p>
								<div class="show_bottom">
									<div class="image">
										<ul>
											<li><a href="product_center.html"><img src="img/product_pic_05.png" alt="product_pic_05" /></a></li>
											<li><a href="product_center.html"><img src="img/product_pic_06.png" alt="product_pic_06" /></a></li>
											<li><a href="product_center.html"><img src="img/product_pic_07.png" alt="product_pic_07" /></a></li>
										</ul>
									</div>
									<div class="button">
										<a class="pay" href="shopping_cart.html">立即购买</a>
										<a class="add" href="shopping_cart.html">加入购物车</a>
									</div>
								</div>
								<div class="xs_button">
									<a class="xs_pay" href="shopping_cart.html">立即购买</a>
									<a class="xs_add" href="shopping_cart.html">加入购物车</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--content end-->
		
		<!--footer-->
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="text_position list_text col-xs-4 col-sm-4 col-md-3">
						<h4>公司地址</h4>
						<p>北京市海淀区北洼路9号院1号楼</p>
					</div>
					<div class="list_text col-xs-2 col-sm-2 col-md-2">
						<h4>公司电话</h4>
						<p>010-88583263</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>公司emali</h4>
						<p>JHV168@163.com</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>jhv自媒体平台</h4>
						<ul>
							<li class="pull-left"><a href="###"><img src="img/icon_01.png" alt="icon_01" /></a></li>
							<li class="pull-left"><a href="###"><img src="img/icon_02.png" alt="icon_01" /></a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-3">
						<span class="footer_text">© JHV中国官网. All rights reserved.</span>
					</div>
				</div>
			</div>
		</div>
		<!--footer end-->
	</body>
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/nav_logo.js"></script>
	<!--[if lte IE 8]>
	<script src="js/respond.min.js"></script>
	<script src="js/html5shiv.min.js"></script>
	<![endif]-->
</html>
